﻿/*----------------------------------------------------------------------------------------------------------------------------------------------------
           Pages style
----------------------------------------------------------------------------------------------------------------------------------------------------*/
::selection {
	color: #fff;
	background-color: #5D9CEC;
}
::-moz-selection {
color:#fff;
background-color:#5D9CEC;
}
/* Common Class */
.float-left {
	float: left;
	display: inline;
}
.float-right {
	float: right;
	display: inline;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.dl-horizontal dt {
	float: left;
	display: inline;
}
.dl-horizontal dd {
	overflow: hidden;
*zoom:1;
}
.fixed {
	position: fixed;
	top: 0px;
	left: 0px;
}
.double-hr {
	border-top: 3px double #ccc;
	clear: both;
	font-size: 0;
	height: 0;
	overflow: hidden;
	margin-bottom: 20px;
	display: none;
}
#wrapper {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	position: relative;
}
.page-width {
	width: 1120px;
	margin: 0 auto;
}
.page-width .page-width {
	width: auto;
}
.layout-boxed {
}
.layout-boxed #wrapper {
	width: 1260px;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
}
.home-page {
}
.insi-page {
}
/* 左右悬浮 */
.fixed-side {
	position: absolute;
	top: 150px;
	z-index: 10001;
}
.fixed-left {
	left: 0;
}
.fixed-right {
	right: 0;
	float: right;
}
.not-animated {
	opacity: 0;
}
/* 返回顶部 */
.gotop-wrapper {
	position: fixed;
	bottom: 50px;
	right: 15px;
	z-index: 1001;
	background-color: rgba(0,0,0,0.3);
	background-color: #969696\9;
}
.gotop-wrapper:hover {
	background-color: rgba(0,0,0,0.6);
	background-color: #6d6d6d\9;
}
.gotop-wrapper a {
	display: none;
	_display: none !important;
	width: 55px;
	height: 55px;
	overflow: hidden;
	background: url(../icon-gotop-fixed.gif) no-repeat center;
}
/* ============================= top ============================= */
.top {
	width: 100%;
	position: relative;
	z-index: 1000;
	background-color: #fff;
}
/* top-bar */
.top-bar {
	line-height: 30px;
	font-size: 13px;
	padding: 3px 0;
	color: #bbb;
	background-color: #606060;
	position: relative;
	z-index: 101;
}
.top-bar .qhd-content p {
	line-height: 30px;
}
.top-bar a {
	color: #808080;
}
.top-bar a:hover {
	color: #3B8CED;
	text-decoration: none;
}
.top-bar-content {
	max-width: 750px;
	height: auto !important;
}
.top-bar-content .qhd-content p {
	line-height: 36px;
}
.top-bar-content .qhd-content img {
	vertical-align: middle;
	line-height: normal;
}
.top-bar-content .link a {
	_position: relative;
	_top: 7px;
}
/* language */
.language {
	position: relative;
	font-size: 12px;
	z-index: 100;
}
.language a:hover {
	text-decoration: none;
}
.language .language-ico {
	padding: 0 0 0 20px;
	background-repeat: no-repeat;
	background-position: left center;
}
.language .sf-menu a {
	border: none;
	color: #666 !important;
	padding-top: 6px;
	padding-bottom: 9px;
}
.language .sf-menu li {
	background-color: transparent;
}
.language .sf-menu li ul {
	width: 11em;
}
.language .sf-menu li li {
	background-color: #fff;
}
.language .sf-menu li li a {
	border-bottom: 1px solid #f2f2f2;
	padding: 0.75em 1em;
}
.language .sf-menu li.sfHover, .language .sf-menu li.sfHover a:hover {
	background-color: #fff;
}
.language .sf-menu li li:hover, .language .sf-menu li.sfHover li a:hover, .language .sf-menu li li a:focus, .language .sf-menu li li a:hover, .language .sf-menu li li a:active {
	background: #fafafa;
}
.language .sf-menu li:hover ul, .language .sf-menu li.sfHover ul {
	top: 29px;
}
.language .sf-menu a.sf-with-ul {
	padding-right: 2em;
}
.language .sf-menu .sf-sub-indicator {
	top: 0.6em;
}
.language-sign {
	display: block;
	width: 36px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	top: 7px;
	left: -30px;
	background: url(../language-bg.png) no-repeat left center;
}
/* logo */
.logo img {
	display: block;
}
.top-main-content .qhd-content img {
	vertical-align: text-bottom;
}
/* top-search */
.top-search {
	width: 200px;
}
.top-search .search-form .form-text {
	border: none;
	float: right;
	height: 28px;
	line-height: 28px;
	padding: 0 8px;
	width: 153px;
	color: #999;
	font-size: 12px;
}
.top-search .search-form .form-btn {
	float: right;
	padding: 0;
	width: 28px;
	height: 28px;
	overflow: hidden;
	border: none;
	cursor: pointer;
	background: #fff url(../search-icon-n.png) no-repeat center;
}
.top-search .search-form .form-btn:hover {
	background: #f30 url(../search-icon-h.png) no-repeat center;
}
.top-search .search-form .form-btn span {
	display: none;
}
/* ---------- header-v1 ---------- */
.header-v1 {
	color: #808080;
}
.header-v1 a {
	color: #808080;
}
.header-v1 a:hover {
	color: #696058;
	text-decoration: none;
}
.header-v1 .top-main {
	background: #fff url(../top-bg.png) repeat-x bottom center;
}
.header-v1 .top-bar a {
	color: #bcbbbb;
}
.header-v1 .top-bar a:hover {
	color: #fff;
}
/*.header-v1 .top-bar .page-width ,
.header-v1 .top-main .page-width { width: 1200px;}
.header-v1 .top-main .page-width { position:relative; width: 1200px; }*/
.header-v1 .top-main-content-section {
	margin: 3px 0;
}
.header-v1 .top-main-content {
}
.header-v1 .top-widget {
}
.header-v1 .logo {
	float: left;
	padding: 10px 0 5px;
	position: relative;
}
.header-v1 .logo a {
	display: block;
}
/* 多语言 */
.header-v1 .language {
	margin-left: 30px;
}
.header-v1 .language a {
	margin-left: 10px;
}
/* 全局 */
.header-v1 .nav {
	margin-top: 7px;
	float: right;
}
.header-v1 .main-nav {
	_float: left;
}
.header-v1 .main-nav .sf-menu a, .header-v1 .main-nav .sf-menu a:visited {
	color: #808080;
}
.header-v1 .main-nav .sf-menu a:hover {
	text-decoration: none;
	color: #696058;
}
.header-v1 .main-nav .sf-menu a {
	border: none;
	padding-top: 0;
	padding-bottom: 0;
	display: block;
	line-height: 84px;
	font-size: 16px;
	font-size: 1.6rem;
}
.header-v1 .main-nav .sf-menu a strong {
	font-weight: normal;
}
/* 一级 */
.header-v1 .main-nav .sf-menu li {
	margin-left: 2px;
	background-color: transparent;
	background: url(../nav_bg.png) no-repeat transparent right center;
}
.header-v1 .main-nav .sf-menu li.last {
	background: none;
}
.header-v1 .main-nav .sf-menu li:hover, .header-v1 .main-nav .sf-menu li.sfHover, .header-v1 .main-nav .sf-menu li.sfHover > a, .header-v1 .main-nav .sf-menu a:focus, .header-v1 .main-nav .sf-menu a:hover, .header-v1 .main-nav .sf-menu a:active {
	background-color: transparent;
	color: #0061b0;
}
.header-v1 .main-nav .sf-menu li.current, .header-v1 .main-nav .sf-menu li.current .first-level, .header-v1 .main-nav .sf-menu li.current .first-level:visited {
	background-color: transparent;
	color: #0061b0;
}
.header-v1 .main-nav .sf-menu li.sfHover .first-level {
	color: #0061b0;
}
.header-v1 .main-nav .sf-sub-indicator {
	display: none;
	background-image: url(../superfish-arrows-white.gif);
}
.header-v1 .main-nav .first-level {
	padding-left: 1.4em;
	padding-right: 1.4em;
}
.header-v1 .main-nav .first-level .sf-sub-indicator {
	top: 3em;
}
.header-v1 .main-nav .sf-menu li i {
	display: none;
	width: 100%;
_width:expression( (this.parentElement.clientWidth) +'px');
	height: 4px;
	overflow: hidden;
	background-color: #0061b0;
	position: absolute;
	bottom: 0px;
	left: 0;
	margin-left: 0;
}
.header-v1 .main-nav .sf-menu li:hover i, .header-v1 .main-nav .sf-menu .nav-hover i, .header-v1 .main-nav .sf-menu .current i, .header-v1 .main-nav .sf-menu .sfHover i {
	display: block;
}
/* 二级以下 */
.header-v1 .sf-menu ul {
	width: 14em;
}
.header-v1 .main-nav .sf-menu li:hover ul, .header-v1 .main-nav .sf-menu li.sfHover ul {
	top: 84px;
}
.header-v1 .main-nav .sf-menu li li:hover ul, .header-v1 .main-nav .sf-menu li li.sfHover ul {
	top: 0;
	left: 14em;
}
.header-v1 .main-nav .sf-menu li li {
	margin-left: 0;
	background-color: rgba(50,110,185,0.95);
	background-color: #326eb9\9;
	background-image: none;
}
.header-v1 .main-nav .sf-menu li li a, .header-v1 .main-nav .sf-menu li li a:visited {
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 20px;
	line-height: normal;
	font-weight: normal;
	color: #fff;
	font-size: 13px;
	font-size: 1.3rem;
}
.header-v1 .main-nav .sf-menu li li:hover, .header-v1 .main-nav .sf-menu li.sfHover li.sfHover, .header-v1 .main-nav .sf-menu li.sfHover li.sfHover > a, .header-v1 .main-nav .sf-menu li li a:focus, .header-v1 .main-nav .sf-menu li li a:hover, .header-v1 .main-nav .sf-menu li li a:active {
	background-color: #285c9d;
	color: #fff;
}
.header-v1 .main-nav .sf-menu li li .sf-sub-indicator {
	top: 1.5em;
	display: block;
}
.header-v1 .top-search {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 11;
	width: 80px;
	height: 80px;
}
.header-v1 .search-form-toggle {
	display: block;
	width: 80px;
	height: 80px;
	background: #fda412 url(../search-icon-n.png) no-repeat center;
}
.header-v1 .search-form-toggle:hover {
	background-color: #f29c11;
}
.header-v1 .search-form-toggle span {
	display: none;
}
.header-v1 .top-search .search-form {
	display: none;
	position: absolute;
	right: 0;
	top: 80px;
	z-index: 11;
	width: 350px;
	padding: 15px;
	background-color: #fda412;
}
.header-v1 .top-search .search-form .form-text {
	padding-right: 20px;
	width: 252px;
	height: 34px;
	line-height: 34px;
	background-color: #e7991c;
	color: #fff;
}
.header-v1 .top-search .search-form .form-btn {
	width: 70px;
	height: 34px;
	background: #cc8718;
}
.header-v1 .top-search .search-form .form-btn span {
	display: block;
}
/* ---------- header-v2 ---------- */
.header-v2 {
	position: relative;
}
.header-v2 .top-bar {
}
.header-v2 .top-main {
	padding: 25px 0;
	background: #fff;
}
.header-v2 .top-main a {
}
.header-v2 .top-main a:hover {
}
.header-v2 .top-main .page-width {
}
.header-v2 .top-main .logo {
}
.header-v2 .top-main .top-widget {
	margin-top: 18px;
}
.header-v2 .top-main .top-widget a {
	color: #808080;
}
.header-v2 .top-main .top-widget a:hover {
	color: #696058;
}
.header-v2 .top-main-content {
	position: relative;
}
.header-v2 .language {
	position: absolute;
	top: -18px;
	right: 0;
}
.header-v2 .language a {
	margin-left: 10px;
}
/* 全局 */
.header-v2 .nav-wrapper {
	background-color: #736960;
}
.header-v2 .nav {
}
.header-v2 .main-nav .sf-menu a, .header-v2 .main-nav .sf-menu a:visited {
	color: #fff;
}
.header-v2 .main-nav .sf-menu a:hover {
	text-decoration: none;
}
.header-v2 .main-nav .sf-menu a {
	border: none;
	padding-top: 0;
	padding-bottom: 0;
	display: block;
	line-height: 55px;
	font-size: 15px;
	color: #fff;
	font-weight: normal;
}
/* 一级 */
.header-v2 .main-nav .sf-menu li {
	margin-right: 2px;
	background-color: transparent;
}
.header-v2 .main-nav .sf-menu li.last {
	background-image: none;
}
.header-v2 .main-nav .sf-menu li:hover, .header-v2 .main-nav .sf-menu li.sfHover, .header-v2 .main-nav .sf-menu li.sfHover > a, .header-v2 .main-nav .sf-menu a:focus, .header-v2 .main-nav .sf-menu a:hover, .header-v2 .main-nav .sf-menu a:active {
	background-color: #665d55;
	color: #fff;
}
.header-v2 .main-nav .sf-menu li.current, .header-v2 .main-nav .sf-menu li.current .first-level, .header-v2 .main-nav .sf-menu li.current .first-level:visited {
	background-color: #665d55;
	color: #fff;
}
.header-v2 .main-nav .sf-sub-indicator {
	background-image: url(../superfish-arrows-white.gif);
}
.header-v2 .main-nav .sf-menu .first-level {
	padding-right: 1.8em;
	padding-left: 1.8em;
	border-right: none;
}
.header-v2 .main-nav .sf-menu .first-level .sf-sub-indicator {
	display: none;
}
.header-v2 .main-nav .sf-menu .last .first-level {
	border-right: none;
}
.header-v2 .main-nav .sf-menu li i {
	display: none;
	width: 100%;
_width:expression( (this.parentElement.clientWidth) +'px');
	height: 3px;
	overflow: hidden;
	background-color: #00b1e1;
	position: absolute;
	top: -3px;
	left: 0;
}
.header-v2 .main-nav .sf-menu li:hover i, .header-v2 .main-nav .sf-menu .nav-hover i, .header-v2 .main-nav .sf-menu .current i, .header-v2 .main-nav .sf-menu .sfHover i {
	display: none;
}
/* 二级以下 */
.header-v2 .sf-menu ul {
	width: 14em;
}
.header-v2 .main-nav .sf-menu li:hover ul, .header-v2 .main-nav .sf-menu li.sfHover ul {
	top: 55px;
	box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.header-v2 .main-nav .sf-menu li li:hover ul, .header-v2 .main-nav .sf-menu li li.sfHover ul {
	top: 0;
	left: 14em;
}
.header-v2 .main-nav .sf-menu li li {
	margin-right: 0;
	background-color: rgba(110,100,91,0.95);
	background-color: #6e645b\9;
	border-top: none;
	background-image: none;
}
.header-v2 .main-nav .sf-menu li li a, .header-v2 .main-nav .sf-menu li li a:visited {
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 20px;
	line-height: normal;
	font-weight: normal;
	font-size: 13px;
	color: #fff;
}
.header-v2 .main-nav .sf-menu li li a strong {
	font-weight: normal;
}
.header-v2 .main-nav .sf-menu li li:hover, .header-v2 .main-nav .sf-menu li.sfHover li.sfHover, .header-v2 .main-nav .sf-menu li.sfHover li.sfHover > a, .header-v2 .main-nav .sf-menu li li a:focus, .header-v2 .main-nav .sf-menu li li a:hover, .header-v2 .main-nav .sf-menu li li a:active {
	background-color: #665d55;
	color: #fff;
}
.header-v2 .main-nav .sf-menu li li .sf-sub-indicator {
	top: 1.3em;
	display: block;
}
/* ---------- header-v3 ---------- */
.header-v3 {
}
.header-v3 a {
	color: #999;
}
.header-v3 a:hover {
	color: #f30;
	text-decoration: none;
}
.header-v3 .top-main {
	padding: 30px 0 40px;
}
.header-v3 .page-width {
	position: relative;
}
.header-v3 .logo {
	text-align: center;
}
.header-v3 .logo img {
	display: inline-block;
	margin-bottom: -5px;
}
.header-v3 .language {
	position: absolute;
	left: 0;
	bottom: 0;
}
.header-v3 .language a {
	margin-right: 15px;
}
.header-v3 .top-main-content {
	position: absolute;
	right: 0;
	bottom: -5px;
}
.header-v3 .top-widget {
	color: #808080;
}
/* 全局 */
.header-v3 .nav {
	height: 46px;
	background: #f30 url(../header-v3-bg.jpg) no-repeat center;
}
.header-v3 .main-nav .sf-menu a, .header-v3 .main-nav .sf-menu a:visited {
	color: #fff;
}
.header-v3 .main-nav .sf-menu a:hover {
	text-decoration: none;
}
.header-v3 .main-nav .sf-menu a {
	border: none;
	padding-top: 0;
	padding-bottom: 0;
	display: block;
	line-height: 46px;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
}
/* 一级 */
.header-v3 .main-nav .sf-menu li {
	margin-right: 2px;
	background-color: transparent;
}
.header-v3 .main-nav .sf-menu li.last {
	background-image: none;
}
.header-v3 .main-nav .sf-menu li:hover, .header-v3 .main-nav .sf-menu li.sfHover, .header-v3 .main-nav .sf-menu li.sfHover > a, .header-v3 .main-nav .sf-menu a:focus, .header-v3 .main-nav .sf-menu a:hover, .header-v3 .main-nav .sf-menu a:active {
	background-color: #e7f2f8;
	color: #f30;
}
.header-v3 .main-nav .sf-menu li.current, .header-v3 .main-nav .sf-menu li.current .first-level, .header-v3 .main-nav .sf-menu li.current .first-level:visited {
	background-color: #e7f2f8;
	color: #f30;
}
.header-v3 .main-nav .sf-sub-indicator {
	background-image: url(../superfish-arrows-white.gif);
}
.header-v3 .main-nav .sf-menu .first-level {
	padding-right: 1.2em;
	padding-left: 1.2em;
	border-right: none;
	margin-right: 3px;
}
.header-v3 .main-nav .sf-menu .first-level .sf-sub-indicator {
	display: none;
}
.header-v3 .main-nav .sf-menu .last .first-level {
	border-right: none;
}
.header-v3 .main-nav .sf-menu li i {
	display: none;
	width: 100%;
_width:expression( (this.parentElement.clientWidth) +'px');
	height: 3px;
	overflow: hidden;
	background-color: #00b1e1;
	position: absolute;
	top: -3px;
	left: 0;
}
.header-v3 .main-nav .sf-menu li:hover i, .header-v3 .main-nav .sf-menu .nav-hover i, .header-v3 .main-nav .sf-menu .current i, .header-v3 .main-nav .sf-menu .sfHover i {
	display: none;
}
/* 二级以下 */
.header-v3 .main-nav .sf-menu li:hover ul, .header-v3 .main-nav .sf-menu li.sfHover ul {
	top: 46px;
	box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.header-v3 .main-nav .sf-menu li li:hover ul, .header-v3 .main-nav .sf-menu li li.sfHover ul {
	top: 0;
	left: 13em;
}
.header-v3 .main-nav .sf-menu li li {
	margin-right: 0;
	background-color: rgba(255,255,255,0.9);
	background-color: #fff\9;
	border-top: none;
	background-image: none;
}
.header-v3 .main-nav .sf-menu li li a, .header-v3 .main-nav .sf-menu li li a:visited {
	padding-top: 0;
	padding-bottom: 0;
	line-height: 36px;
	font-weight: normal;
	font-size: 13px;
	color: #4d4d4d;
}
.header-v3 .main-nav .sf-menu li li:hover, .header-v3 .main-nav .sf-menu li.sfHover li.sfHover, .header-v3 .main-nav .sf-menu li.sfHover li.sfHover > a, .header-v3 .main-nav .sf-menu li li a:focus, .header-v3 .main-nav .sf-menu li li a:hover, .header-v3 .main-nav .sf-menu li li a:active {
	background-color: #25a9ba;
	color: #fff;
}
.header-v3 .main-nav .sf-menu li li .sf-sub-indicator {
	top: 1em;
	display: block;
}
/* 搜索 */
.header-v3 .top-search {
	width: 190px;
	margin-top: 10px;
}
.header-v3 .top-search .search-form .form-text {
	width: 128px;
	margin-right: 1px;
	background-color: #fff;
}
/* ---------- header-v4 ---------- */
.header-v4 { /*position:absolute;*/
	width: 100%;
	background-color: #1d66bf;
}
.header-v4 .logo {
	float: left;
	margin-top: 15px;
}
.header-v4 .nav, .header-v4 .main-nav {
	float: right;
}
.boxed .header-v4 {
	width: 1060px;
}
/* 全局 */
.header-v4 .main-nav .sf-menu a, .header-v4 .main-nav .sf-menu a:visited {
	color: #fff;
}
.header-v4 .main-nav .sf-menu a:hover {
	text-decoration: none;
	color: #fff;
}
.header-v4 .main-nav .sf-menu a {
	border: none;
	padding-top: 0;
	padding-bottom: 0;
	display: block;
	line-height: 100px;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
}
/* 一级 */
.header-v4 .main-nav .sf-menu li {
	margin-left: 5px;
	background-color: transparent;
}
.header-v4 .main-nav .sf-menu li:hover, .header-v4 .main-nav .sf-menu li.sfHover, .header-v4 .main-nav .sf-menu li.sfHover > a, .header-v4 .main-nav .sf-menu a:focus, .header-v4 .main-nav .sf-menu a:hover, .header-v4 .main-nav .sf-menu a:active {
	background-color: #2379e3;
	color: #fff;
}
.header-v4 .main-nav .sf-menu li.current, .header-v4 .main-nav .sf-menu li.current .first-level, .header-v4 .main-nav .sf-menu li.current .first-level:visited {
	background-color: #2379e3;
	color: #fff;
}
.header-v4 .main-nav .sf-sub-indicator {
	background-image: url(../superfish-arrows-header-v4.gif);
}
.header-v4 .main-nav .first-level {
	padding-right: 1em;
	padding-left: 1em;
}
.header-v4 .main-nav .first-level .sf-sub-indicator {
	display: none;
}
.header-v4 .main-nav .sf-menu li i {
	display: none;
	width: 100%;
_width:expression( (this.parentElement.clientWidth) +'px');
	height: 2px;
	overflow: hidden;
	background-color: #f90;
	position: absolute;
	top: 0;
	left: 0;
}
.header-v4 .main-nav .sf-menu li:hover i, .header-v4 .main-nav .sf-menu .nav-hover i, .header-v4 .main-nav .sf-menu .current i, .header-v4 .main-nav .sf-menu .sfHover i {
	display: block;
}
/* 二级以下 */
.header-v4 .main-nav .sf-menu li:hover ul, .header-v4 .main-nav .sf-menu li.sfHover ul {
	top: 100px;
}
.header-v4 .main-nav .sf-menu li li:hover ul, .header-v4 .main-nav .sf-menu li li.sfHover ul {
	top: 0;
	left: 13em;
}
.header-v4 .main-nav .sf-menu li li {
	margin-left: 0;
	background-color: #2379e3;
}
.header-v4 .main-nav .sf-menu li li a, .header-v4 .main-nav .sf-menu li li a:visited {
	padding-top: 0;
	padding-bottom: 0;
	line-height: 36px;
	font-weight: normal;
	font-size: 13px;
	color: #fff;
}
.header-v4 .main-nav .sf-menu li li:hover, .header-v4 .main-nav .sf-menu li.sfHover li.sfHover, .header-v4 .main-nav .sf-menu li.sfHover li.sfHover > a, .header-v4 .main-nav .sf-menu li li a:focus, .header-v4 .main-nav .sf-menu li li a:hover, .header-v4 .main-nav .sf-menu li li a:active {
	background-color: #1f6dcc;
	color: #fff;
}
.header-v4 .main-nav .sf-menu li li .sf-sub-indicator {
	top: 1em;
	display: block;
}
/* ---------- header-v5 ---------- */
.header-v5 {
	position: absolute;
	top: 40px;
	left: 50%;
	margin-left: -560px;
	width: 1120px;
}
.header-v5 .page-width {
	width: auto;
	position: relative;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
}
.header-v5 .logo {
	height: 85px;
	float: left;
	background-color: #ff3333;
	padding: 0 20px;
}
.header-v5 .logo a {
	display: block;
	margin-top: 8px;
}
.header-v5 .top-main {
	background-color: #fff;
}
.header-v5 .top-main-content {
	margin-right: 90px;
}
/* language */
.header-v5 .language {
	position: absolute;
	top: 28px;
	right: 20px;
}
.header-v5 .language em {
	display: none;
}
.header-v5 .language a.first-level {
	padding: 0 15px 0 10px;
	width: 25px;
	height: 28px;
	line-height: 28px;
	background-color: #fff;
	border: 1px solid #fff;
}
.header-v5 .language .sfHover a.first-level {
	border-color: #ededed;
}
.header-v5 .language .sf-menu li ul {
	top: 30px;
	width: 50px;
	background-color: #fafafa;
	border: 1px solid #ededed;
	border-top: none;
}
.header-v5 .language .sf-sub-indicator {
	width: 9px;
	height: 6px;
	top: 1em;
	background: url(../lang-select.gif) no-repeat;
}
.header-v5 .language .sf-menu li li a {
	padding: 9px 12px 9px 17px;
}
.language-tips {
	position: absolute;
	z-index: 10001;
	border: 1px solid #ccc;
	background: #ffffcc;
	padding: 2px 10px;
	color: #333;
	font-size: 12px;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
}
/* 全局 */
.header-v5 .nav, .header-v5 .main-nav {
	float: right;
}
.header-v5 .main-nav .sf-menu a:hover {
	text-decoration: none;
}
.header-v5 .main-nav .sf-menu a {
	border: none;
	padding-top: 0;
	padding-bottom: 0;
	display: block;
	line-height: 85px;
	font-size: 15px;
	color: #333;
}
/* 一级 */
.header-v5 .main-nav .sf-menu li {
	margin-left: 0;
	background-color: transparent;
}
.header-v5 .main-nav .sf-menu li:hover, .header-v5 .main-nav .sf-menu li.sfHover, .header-v5 .main-nav .sf-menu li.sfHover > a, .header-v5 .main-nav .sf-menu a:focus, .header-v5 .main-nav .sf-menu a:hover, .header-v5 .main-nav .sf-menu a:active {
	background-color: #fafafa;
	color: #ff3333;
}
.header-v5 .main-nav .sf-menu li.current, .header-v5 .main-nav .sf-menu li.current .first-level, .header-v5 .main-nav .sf-menu li.current .first-level:visited {
	background-color: #fafafa;
	color: #ff3333;
}
.header-v5 .main-nav .sf-sub-indicator {
	background-image: url(../superfish-arrows-white.gif);
}
.header-v5 .main-nav .sf-menu .first-level {
	padding-right: 1.3em;
	padding-left: 1.3em;
	border-right: 1px solid #f2f2f2;
	text-align: center;
}
.header-v5 .main-nav .sf-menu .first-level .sf-sub-indicator {
	display: none;
}
.header-v5 .main-nav .sf-menu .first-level strong {
	font-weight: normal;
}
.header-v5 .main-nav .sf-menu .first-level-min {
	display: block;
	line-height: 71px;
}
.header-v5 .main-nav .sf-menu .first-level em {
	display: block;
	line-height: 14px;
	position: relative;
	top: -22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
}
.header-v5 .main-nav .sf-menu .last .first-level {
	border-right: none;
}
.header-v5 .main-nav .sf-menu li i {
	display: none;
	width: 100%;
_width:expression( (this.parentElement.clientWidth) +'px');
	height: 3px;
	overflow: hidden;
	background-color: #ff3333;
	position: absolute;
	top: -3px;
	left: 0;
}
.header-v5 .main-nav .sf-menu li:hover i, .header-v5 .main-nav .sf-menu .nav-hover i, .header-v5 .main-nav .sf-menu .current i, .header-v5 .main-nav .sf-menu .sfHover i {
	display: block;
}
/* 二级以下 */
.header-v5 .main-nav .sf-menu li:hover ul, .header-v5 .main-nav .sf-menu li.sfHover ul {
	top: 85px;
	box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.header-v5 .main-nav .sf-menu li li:hover ul, .header-v5 .main-nav .sf-menu li li.sfHover ul {
	top: 0;
	left: 13em;
}
.header-v5 .main-nav .sf-menu li li {
	margin-left: 0;
	background-color: rgba(1,175,62,0.95);
	background-color: #ff3333\9;
}
.header-v5 .main-nav .sf-menu li li strong {
	font-weight: normal;
}
.header-v5 .main-nav .sf-menu li li a, .header-v5 .main-nav .sf-menu li li a:visited {
	padding-top: 0;
	padding-bottom: 0;
	line-height: 45px;
	font-weight: normal;
	font-size: 13px;
	color: #fff;
}
.header-v5 .main-nav .sf-menu li li:hover, .header-v5 .main-nav .sf-menu li.sfHover li.sfHover, .header-v5 .main-nav .sf-menu li.sfHover li.sfHover > a, .header-v5 .main-nav .sf-menu li li a:focus, .header-v5 .main-nav .sf-menu li li a:hover, .header-v5 .main-nav .sf-menu li li a:active {
	background-color: rgba(2,153,55,0.95);
	background-color: #029937\9;
	color: #fff;
}
.header-v5 .main-nav .sf-menu li li .sf-sub-indicator {
	top: 1em;
	display: block;
}
/* ---------- side-header ---------- */
/*#wrapper { padding-left:260px; width:auto; } 启动后全局侧边栏导航模式*/ 
.side-header {
	position: fixed;
	top: 0; /*left:0;*/
	z-index: 11;
	width: 260px;
	margin-left: -260px;
	height: 100%;
	background-color: #fff;
	box-shadow: 2px 0 5px -2px rgba(0, 0, 0, 0.2);
}
.side-header-wrapper {
	position: relative;
	height: 100%;
}
.side-header .top-main-content {
	position: absolute;
	bottom: 20px;
	left: 0;
	color: #666;
}
.side-header .top-main-content a {
	color: #666;
}
.side-header .top-main-content a:hover {
	color: #e60566;
}
.side-header .top-main-content em {
	margin: 0 5px;
}
.side-header .top-main-content .language {
	padding: 10px 35px;
}
.side-header .top-main-content .top-widget {
	padding: 0 35px;
}
.side-header .logo {
	margin-bottom: 20px;
	padding: 30px 20px 20px;
	text-align: center;
}
.side-header .logo img {
	display: inline;
	max-width: 100%;
}
.main-nav-vertical {
}
.main-nav-vertical .sf-menu a, .main-nav-vertical .sf-menu a:visited {
	color: #4d4d4d;
}
.main-nav-vertical .sf-menu a {
	border: none;/* padding:0 40px; height:50px; line-height:50px;*/
	padding: 15px 35px;
	line-height: normal;
	font-size: 14px;
}
.main-nav-vertical .sf-menu {
	width: 260px;
}
.main-nav-vertical .sf-menu li {
	width: 100%;
	float: none;
	background-color: transparent;
	margin-bottom: 1px;
*margin-bottom:-3px;
}
.main-nav-vertical .sf-menu li strong {
	font-weight: normal;
}
.main-nav-vertical .sf-menu li.current, .main-nav-vertical .sf-menu li.current .first-level, .main-nav-vertical .sf-menu li.current .first-level:visited {
	color: #e60566;
}
.main-nav-vertical .sf-menu li:hover, .main-nav-vertical .sf-menu li.sfHover, .main-nav-vertical .sf-menu li.sfHover > a, .main-nav-vertical .sf-menu a:focus, .main-nav-vertical .sf-menu a:hover, .main-nav-vertical .sf-menu a:active {
	background-color: #f8f8f8;
	color: #e60566;
}
.main-nav-vertical .sf-menu .first-level .sf-sub-indicator {
	display: none;
}
/* 二级 */
.main-nav-vertical .sf-menu ul {
	width: 230px;
}
.main-nav-vertical .sf-menu li:hover ul, .main-nav-vertical .sf-menu li.sfHover ul {
	left: 100%;
	top: 0;
}
.main-nav-vertical .sf-menu li:hover ul.position-bottom, .main-nav-vertical .sf-menu li.sfHover ul.position-bottom {
	top: auto;
	bottom: 0;
}
.main-nav-vertical .sf-menu li li {
	margin-bottom: 0;
	background-color: transparent;
}
.main-nav-vertical .sf-menu li li a {
}
.main-nav-vertical .sf-menu li li strong {
	font-weight: normal;
}
.main-nav-vertical .sf-menu li li:hover, .main-nav-vertical .sf-menu li.sfHover li.sfHover, .main-nav-vertical .sf-menu li.sfHover li.sfHover > a, .main-nav-vertical .sf-menu li li a:focus, .main-nav-vertical .sf-menu li li a:hover, .main-nav-vertical .sf-menu li li a:active {
	background-color: transparent;
}
/* 三级 */
.main-nav-vertical .sf-menu ul ul li {
	background-color: #f8f8f8;
}
.main-nav-vertical .sf-menu ul ul li:hover, .main-nav-vertical .sf-menu li.sfHover ul ul li.sfHover, .main-nav-vertical .sf-menu li.sfHover ul ul li.sfHover > a, .main-nav-vertical .sf-menu ul ul li a:focus, .main-nav-vertical .sf-menu ul ul li a:hover, .main-nav-vertical .sf-menu ul ul li a:active {
	background-color: #f2f2f2;
	color: #e60566;
}
.main-nav-vertical .vertical-nav-bg {
	position: fixed;
	left: 260px;
	top: 0;
	width: 230px;
	height: 100%;
	background-color: #fcfcfc;
	display: none;
}
.main-nav-vertical .sf-menu li.sfHover .vertical-nav-bg {
	display: block;
}
.main-nav-vertical .sf-sub-indicator {
	top: 1.4em;
	background-position: 0 0;
}
.main-nav-vertical .sf-menu a:focus > .sf-sub-indicator, .main-nav-vertical .sf-menu a:hover > .sf-sub-indicator, .main-nav-vertical .sf-menu a:active > .sf-sub-indicator, .main-nav-vertical .sf-menu li:hover > a > .sf-sub-indicator, .main-nav-vertical .sf-menu li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0;
}
/* ============================= header ============================= */
.header { /*min-height:100px; height:auto !important; _height:100px;*/
}
/* ============================= page-title & page-name & page-menu ============================= */
.page-title .page-width {
	overflow: hidden;
}
.page-title .page-name {
	line-height: 44px;
}
.page-title .page-name h2 {
	font-size: 16px;
}
.page-title .breadcrumbs {
	line-height: 44px;
}
.page-title-inner {
	background: none;
	border-bottom: 1px solid #e5e5e5;
	padding: 0;
	margin-bottom: 30px;
}
.page-title-inner .breadcrumbs {
	padding-left: 16px;
	background: url(../icon-home.png) no-repeat left center;
}
.page-menu {
	margin-bottom: 35px;
	padding-bottom: 10px;
	background-color: #fffbf7;
}
.page-menu-title {
	background: #5d9cec;
}
.page-menu-title h3 {
	padding-left: 15px;
	height: 45px;
	line-height: 45px;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
}
.page-menu-title-max h3 {
	font-size: 24px;
}
.page-menu-title h4 {
	margin-bottom: 5px;
	padding-left: 35px;
	line-height: normal;
	color: #fff;
	font-size: 25px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.page-menu-content {
	padding: 10px 0 25px;
}
.page-menu-content ul {
	padding: 0 15px;
}
.page-menu-content ul li {
	position: relative;
	border-bottom: 1px solid #e6e6e6;
}
.page-menu-content ul li a {
	display: block;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-right: 10px;
	line-height: normal;
	color: #555;
	font-size: 14px;
*zoom:1;
}
.page-menu-content ul li i {
	display: block;
	width: 7px;
	height: 7px;
	overflow: hidden;
	position: absolute;
	top: 17px;
	right: 0;
	_right: 15px;
	background: url(../page-menu.gif) no-repeat 0 0;
}
.page-menu-content ul li a:hover {
	text-decoration: none;
	color: #195cb2;
}
.page-menu-content ul li:hover i {
	background-image: url(../page-menu-c.gif);
}
.page-menu-content ul ul {
	padding: 0 0 0 15px;
	margin: 0 0 20px;
	display: none;
}
.page-menu-content ul ul li.last {
	border-bottom: none;
}
.page-menu-content ul li ul li {
	border-bottom: none;
}
.page-menu-content ul li ul li a {
	color: #555;
	padding-left: 10px;
	background: url(../page-menu-sub.gif) no-repeat left 15px;
}
.page-menu-content ul li ul li a:hover {
	color: #195cb2;
	background: url(../page-menu-sub-c.gif) no-repeat left center;
}
.page-menu-content ul ul li a {
	background-image: none;
	padding: 8px 0;
	line-height: normal;
	background-colot: #f2f2f2;
	font-size: 13px;
}
.page-menu-content ul li.current a {
	color: #195cb2;
}
.page-menu-content ul li.current i {
	background-image: url(../page-menu-c.gif);
}
.page-menu-content ul li.current ul {
	display: block;
	margin-top: 0;
}
.page-menu-content ul li.current ul li {
	border-bottom: none;
}
.page-menu-content ul li.current ul li a {
	color: #555;
}
.page-menu-content ul li.current ul li a:hover {
	color: #195cb2;
}
.page-menu-content ul li.current ul li.current > a {
	color: #195cb2;
	background: url(../page-menu-sub-c.gif) no-repeat left 15px;
}
.full-page-title-wrap {
	position: relative;
	margin: 30px 0 0;
	text-align: center;
}
.full-page-title-wrap h2 {
	margin-bottom: 13px;
	line-height: normal;
	font-weight: normal;
	color: #444;
	font-size: 26px;
	font-size: 2.6rem;
}
.full-page-title-wrap .full-page-title h3 {
	display: inline-block;
*display:inline;
*zoom:1;
	line-height: normal;
	font-weight: normal;
	color: #fff;
	font-size: 13px;
	font-size: 1.3rem;
	background: #5d9cec;
	padding: 5px 15px;
	border-radius: 12px;
}
.full-page-title-wrap .full-page-title i {
	display: inline-block;
*display:inline;
*zoom:1;
	position: relative;
	top: -5px;
	width: 300px;
	height: 1px;
	overflow: hidden;
	background-color: #d9d9d9;
}
.full-page-menu-content {
	margin-top: 40px;
}
.full-page-menu-content ul {
	padding: 0;
	font-size: 0;
	text-align: center;
}
.full-page-menu-content ul li {
	border-bottom: none;
	display: inline-block;
*display:inline;
*zoom:1;
	background-image: none;
	margin: 0 5px;
}
.full-page-menu-content ul li a {
	display: inline-block;
*display:inline;
*zoom:1;
	line-height: 52px;
	padding: 0 30px;
	font-size: 18px;
	font-size: 1.8rem;
	color: #555;
	background-color: #f2f2f2;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.full-page-menu-content ul li a:hover {
	background: #5D9CEC;
	color: #fff;
}
.full-page-menu-content ul li.current a {
	background: #5D9CEC;
	color: #fff;
}
.qhd-content table.slimtable {
	width: 100% !important;
}
/* ============================= main ============================= */
.main {
	background: #F9F9F9;
}
.sidebar {
	width: 230px;
	padding: 35px 0 65px;
}
.sidebar-content {
}
.content {
	width: 860px;
	padding: 35px 0 65px;
	_overflow: hidden;
}
.content .scrollable ul li {
	width: 246px;
}
.content .scrollable .carousel-direction a {
	width: 35px;
	height: 35px;
	line-height: 35px;
}
.content .scrollable a.carousel-prev {
	left: -35px;
}
.content .scrollable a.carousel-next {
	right: -35px;
}
.content .product-set .carousel-direction a {
	top: 100px;
}
.content .scrollable-3col .carousel-direction a {
	top: 125px;
}
.content .link-scrollable ul li {
	width: 180px;
}
.content .link-scrollable .carousel-direction a {
	top: 37px;
}
/* 文章 */
.content .team-introduction .team-img {
	margin-right: 15px;
}
.content .team-introduction .team-img img {
	width: 300px;
}
.content .team-introduction .team-name {
	margin-bottom: 10px;
	font-size: 22px;
}
.content .team-cases-title {
	margin: 35px 0 20px;
	padding-top: 35px;
}
/* 产品 */
.content .product-list .col-2-1 .product-item .portfolio-text h2 {
	margin-top: 120px;
}
.content .product-list .col-3-1 .product-item .portfolio-text h2 {
	margin-top: 40px;
}
.content .product-list .col-4-1 .product-item .portfolio-text h2 {
	margin-top: 30px;
}
.content .product-list .col-4-1 .product-item .portfolio-text .icon-detail {
	display: none;
}
.content .product-list .col-5-1 .product-item .portfolio-text h2 {
	margin-top: 15px;
	margin-bottom: 10px;
}
.content .product-list .col-5-1 .product-item .portfolio-text .icon-detail {
	display: none;
}
.content .product-detail-zoom .product-intr .product-preview {
	width: 360px;
}
.content .product-detail-zoom .product-intr .zoom-small-image img {
	width: 360px !important;
}
.content .product-detail-zoom .product-intr .zoom-thumbs {
	width: 360px;
}
.content .product-detail-zoom .product-intr .zoom-thumbs img {
	width: 80px;
	height: auto !important;
}
/*
		.content .product-detail-zoom .product-intr .product-preview .zoom-small-image img { width:360px !important; }
		.content .product-detail-zoom .product-intr .product-preview .zoom-thumbs { width:360px; }
		*/
.full-page-content {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 40px 0 85px;
}
.full-page-content-wrapper {
	min-height: 150px;
	height: auto !important;
	_height: 150px;
}
.full-screen {
	width: 100%;
	overflow: hidden;
}
/* ============================= footer ============================= */
.footer {
	overflow: hidden;
	background-color: #fff;
	color: #666;
	font-size: 13px;
	font-size: 1.3rem;
}
.footer a {
	color: #999 !important;
}
.footer a:hover {
	color: #5D9CEC !important;
}
.footer .module-title-default {
	margin-bottom: 5px;
}
.footer .module-title-default > .module-title-content h3 {
	color: #666;
	font-size: 14px;
}
.footer .module-more-default a {
	font-size: 12px;
}
.footer .module-divider {
	margin-bottom: 20px;
	margin-top: 20px;
	background-color: #938981;
}
.footer .module-title-border {
	border-color: #666;
}
.footer .module-title-border > .module-title-content h3 {
	color: #666;
}
.footer-main .page-width {
	padding-top: 45px;
	padding-bottom: 35px;
}
/* ============================= bottom ============================= */
.bottom {
	overflow: hidden;
	background: #676767;
	color: #bebebe;
	font-size: 13px;
	font-size: 1.3rem;
}
.bottom a {
	color: #e5e5e5 !important;
}
.bottom a:hover {
	color: #fff !important;
}
.bottom .module-title-default {
	margin-bottom: 15px;
}
.bottom .module-title-default > .module-title-content h3 {
	color: #fff;
}
.bottom .module-more-default a {
	font-size: 12px;
}
.bottom .module-divider {
	margin-bottom: 20px;
	margin-top: 20px;
	background-color: #938981;
}
.bottom .module-title-border {
	border-color: #666;
}
.bottom .module-title-border > .module-title-content h3 {
	color: #fff;
}
.bottom .page-width {
	padding-top: 20px;
	padding-bottom: 20px;
}
/* ==================== fixed-bottom ==================== */
.fixed-bottom {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 100001;
	display: none;
}
/* ============================= popup ============================= */
.popup {
	display: none;
}
.popup-content {
	position: fixed;
	top: 40%;
	left: 50%;
	z-index: 10000003;
	min-width: 200px;
	max-width: 10000px;
	background-color: #fff;
	padding: 20px;
	_position: absolute;
	_width: auto;
}
.popup-close-btn {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	right: -50px;
	z-index: 10000003;
}
.popup-close-btn a {
	display: block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	background: #808080 url(../icon-close.gif) no-repeat center;
}
.popup-close-btn a:hover {
	background-color: #666;
}
.popup-close-btn a span {
	display: none;
}
.popup-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000002;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
/* ============================= page-loading-cover ============================= */
.page-cover {
	background: #fff url(../loading.gif) no-repeat center 350px;
	width: 100%;
	height: 0;
	position: absolute;
	bottom: 0;
	z-index: 10000001;
}
/* 百度地图 */
#dituContent img {
	max-width: inherit;
}
#dituContent .pop .bottom {
	padding: 0;
}
#dituContent .iw_poi_title {
	color: #cc5522;
	font-size: 16px;
	font-weight: bold;
	overflow: hidden;
	padding-right: 13px;
	white-space: nowrap;
}
#dituContent .iw_poi_content {
	font-size: 13px;
	overflow: visible;
	padding-top: 4px;
	white-space: -moz-pre-wrap;
	word-wrap: break-word;
}
.QHDEmptyArea {
	line-height: 0;
	height: 0;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
/* ============================= animate ============================= */
@-webkit-keyframes bounceIn {
 0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
-moz-transform:scale(1);
transform:scale(1);
}
 100% {
-webkit-transform:scale(0.80);
-ms-transform:scale(0.8);
-moz-transform:scale(0.8);
transform:scale(0.8);
}
}
@-moz-keyframes bounceIn {
 0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
-moz-transform:scale(1);
transform:scale(1);
}
 100% {
-webkit-transform:scale(0.80);
-ms-transform:scale(0.8);
-moz-transform:scale(0.8);
transform:scale(0.8);
}
}
@-ms-keyframes bounceIn {
 0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
-moz-transform:scale(1);
transform:scale(1);
}
 100% {
-webkit-transform:scale(0.80);
-ms-transform:scale(0.8);
-moz-transform:scale(0.8);
transform:scale(0.8);
}
}
@keyframes bounceIn {
 0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
-moz-transform:scale(1);
transform:scale(1);
}
 100% {
-webkit-transform:scale(0.80);
-ms-transform:scale(0.8);
-moz-transform:scale(0.8);
transform:scale(0.8);
}
}
@-webkit-keyframes upAndDown {
 0% {
-webkit-transform:translate(0, 15px);
-ms-transform:translate(0, 15px);
-moz-transform:translate(0, 15px);
transform:translate(0, 15px);
}
 50% {
-webkit-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-moz-transform:translate(0, 0);
transform:translate(0, 0);
}
 100% {
-webkit-transform:translate(0, 15px);
-ms-transform:translate(0, 15px);
-moz-transform:translate(0, 15px);
transform:translate(0, 15px);
}
}
@-moz-keyframes upAndDown {
 0% {
-webkit-transform:translate(0, 15px);
-ms-transform:translate(0, 15px);
-moz-transform:translate(0, 15px);
transform:translate(0, 15px);
}
 50% {
-webkit-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-moz-transform:translate(0, 0);
transform:translate(0, 0);
}
 100% {
-webkit-transform:translate(0, 15px);
-ms-transform:translate(0, 15px);
-moz-transform:translate(0, 15px);
transform:translate(0, 15px);
}
}
@-ms-keyframes upAndDown {
 0% {
-webkit-transform:translate(0, 15px);
-ms-transform:translate(0, 15px);
-moz-transform:translate(0, 15px);
transform:translate(0, 15px);
}
 50% {
-webkit-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-moz-transform:translate(0, 0);
transform:translate(0, 0);
}
 100% {
-webkit-transform:translate(0, 15px);
-ms-transform:translate(0, 15px);
-moz-transform:translate(0, 15px);
transform:translate(0, 15px);
}
}
@keyframes upAndDown {
 0% {
-webkit-transform:translate(0, 15px);
-ms-transform:translate(0, 15px);
-moz-transform:translate(0, 15px);
transform:translate(0, 15px);
}
 50% {
-webkit-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-moz-transform:translate(0, 0);
transform:translate(0, 0);
}
 100% {
-webkit-transform:translate(0, 15px);
-ms-transform:translate(0, 15px);
-moz-transform:translate(0, 15px);
transform:translate(0, 15px);
}
}
/* ============================= 响应式 CSS ============================= */
.desktops-section {
	display: block;
}
.mobile-section {
	display: none;
}
.touch-top-wrapper {
	padding: 10px 15px;
	background-color: #fff;
}
.touch-logo {
	float: left;
}
.touch-navigation {
	display: none;
}
.touch-toggle-wrapper {
	margin: 0 -10px;
}
.touch-toggle {
	position: absolute;
	right: 10px;
	top: 0;
}
.touch-toggle li {
	float: left;
	height: 70px;
	padding: 0 12px;
	text-align: center;
}
.touch-toggle li a {
	height: 70px;
}
.touch-toggle li:hover, .touch-toggle li:active {
}
.touch-toggle .touch-toggle-item-first {
	border-left: none;
}
.touch-toggle .touch-toggle-item-last {
	border-right: none;
}
.touch-toggle li a {
	display: block;
	font-size: 12px;
}
.touch-toggle li i {
	display: inline-block;
	width: 32px;
	height: 32px;
	overflow: hidden;
	margin-top: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.touch-toggle .touch-icon-language {
	background-image: url(../touch-icon-language.png);
}
.touch-toggle .touch-icon-user {
	background-image: url(../touch-icon-user.png);
}
.touch-toggle .touch-icon-search {
	background-image: url(../touch-icon-search.png);
}
.touch-toggle .touch-icon-menu {
	background-image: url(../touch-icon-menu.png);
}
.touch-toggle li span {
	display: none;
	text-align: center;
}
.drawer-section {
	background-color: #3074C6;
	padding: 20px 20px 35px;
	display: none;
}
.touch-language li {
	width: 49.9%;
	float: left;
}
.touch-language li a {
	display: block;
	margin-bottom: 10px;
	padding: 5px 0 5px 5px;
	color: #fff;
}
.touch-language li a:hover, .touch-language li a:active {
	background-color: #0061b0;
}
.touch-search {
	border: 1px solid #5392e1;
	position: relative;
}
.touch-search-form {
	padding: 0 50px 0 10px;
}
.touch-form-text {
	border: none;
	margin: 0;
	background-color: transparent;
	padding: 0;
	color: #e5e5e5;
	width: 100%;
	height: 42px;
	line-height: 42px;
}
.touch-form-btn {
	border: none;
	padding: 0;
	margin: 0;
	background-color: transparent;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 42px;
	height: 42px;
	overflow: hidden;
	cursor: pointer;
	background: url(../touch-icon-search-w.png) no-repeat center;
	background-size: 16px 16px;
}
.touch-form-btn span {
	display: none;
}
.touch-menu ul li {
	border-bottom: 1px solid #5392e1;
	position: relative;
}
.touch-menu ul li a {
	color: #fff;
	display: block;
	font-size: 18px;
	height: 48px;
	line-height: 48px;
	padding-left: 10px;
}
.touch-menu ul li a:hover, .touch-menu ul li a:active {
	background-color: #0061b0;
}
.touch-menu ul li i {
	position: absolute;
	top: 19px;
	right: 5px;
	display: block;
	width: 13px;
	height: 13px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.touch-menu ul li i.touch-arrow-right {
	display: none;
	background-image: url(../touch-arrow-r.png);
}
.touch-menu ul li i.touch-arrow-down {
	background-image: url(../touch-arrow-d.png);
}
.touch-menu ul li i.touch-arrow-up {
	background-image: url(../touch-arrow-u.png);
}
.touch-menu ul ul {
	display: none;
	margin: 0;
	padding: 0 10px 30px 30px;
}
.touch-menu ul ul li {
	border-bottom: none;
	margin: 0;
	padding: 0;
}
.touch-menu ul ul li a {
	padding: 0;
	padding-left: 5px;
	font-size: 16px;
	height: 38px;
	line-height: 38px;
}
.touch-menu ul ul li i {
	top: 13px;
}
